module.exports = {
  plugins: [require('@tailwindcss/forms')],
  theme: {
    extend: {
      borderWidth: {
        DEFAULT: '1px',
        0: '0',
        2: '2px',
        3: '3px',
        4: '4px',
        6: '6px',
        8: '8px',
      },
      colors: {
        standard: {
          lightGray: '#f5f8fa',
          lightGrayHover: '#ebf1f5',
          greeen: '#0f996',
          greeenHover: '#0d8050',
          danger: '#db3737',
          dangerHover: '#c23030',
        },
        'cadet-blue': {
          DEFAULT: '#A0AEC0',
          50: '#FFFFFF',
          100: '#FFFFFF',
          200: '#FCFCFD',
          300: '#DDE2E9',
          400: '#BFC8D4',
          500: '#A0AEC0',
          600: '#8194AC',
          700: '#647A96',
          800: '#4F6178',
          900: '#3B4859',
        },
        carnation: {
          DEFAULT: '#F56565',
          50: '#FFFFFF',
          100: '#FFFFFF',
          200: '#FEF5F5',
          300: '#FBC5C5',
          400: '#F89595',
          500: '#F56565',
          600: '#F23535',
          700: '#E50F0F',
          800: '#B50C0C',
          900: '#850909',
        },
        gray: {
          darkest: '#1f2d3d',
          dark: '#3c4858',
          DEFAULT: '#f5f8fa',
          light: '#e0e6ed',
          middle: '#5c7080',
          middle2: '#455058',
          lightest: '#f9fafc',
        },
      },
    },
  },
};
